import { Component, OnInit } from '@angular/core';
import { fromEvent } from 'rxjs';
import { ViewsserviceService } from '../../../services/viewsservice.service'

@Component({
  selector: 'app-business-introduction',
  templateUrl: './business-introduction.component.html',
  styleUrls: ['./business-introduction.component.styl']
})
export class BusinessIntroductionComponent implements OnInit {
  public list: any[] = [
    { img: 'webdev.png', title: 'web开发', url: '/web-develop',content:'最早的软件都是运行在大型机上的，软件使用者通过“哑终端”登陆到大型机上去运行软件。' },
    { img: 'Singlechip.png', title: '单片机与应用', url: '/singlechip',content:'片机又称单片微控制器,它不是完成某一个逻辑功能的芯片,而是把一个计算机系统集成到一个芯片上。' },
    { img: 'ui.png', title: 'ui设计', url: '/uidesign',content:'UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。' },
    { img: 'wechat.PNG', title: '微信小程序', url: '/wechat',content:'小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新。' }
  ];
  public nzSpan: number; // 栅格数
  constructor(public service: ViewsserviceService) { }

  ngOnInit() {
    var obj: object = {
      judge: 1,
      windowWidth: 600, // 要监听的窗口宽度
      trueValue: 12, // 当判断为 true 时要返回的参数
      flaseValue: 6, //当判断为 flase 时要返回的参数
    }
    this.service.getInitWindowWidth(obj).subscribe((event) => {
      this.nzSpan = event;
    })
    // 监听窗口宽度(当窗口大小发生变化时)
    fromEvent(window, 'resize')
      //.debounceTime(100) // 以免频繁处理
      .subscribe((event) => {
        this.service.getInitWindowWidth(obj).subscribe((event) => {
          this.nzSpan = event;
        })
      });
  }
}
